<template>
	<view>
		<navBar title="AI合同审查"></navBar>
		<view class="list" v-for="(item, index) in 20" :key="index">
			<view class="flex-1 d-flex a-center">
				<image :src="staticImg('pdf01.png')" mode="aspectFill" class="filImg"></image>
				<view class="d-flex f-column">
					<text class="color-333 size26 bold ellipsis">住房租聘合同.doc</text>
					<view class="d-flex a-center color-999 m-top16">
						<text class="size24 m-right24">100KB</text>
						<text class="size24">2023-01-10</text>
					</view>
				</view>
			</view>
			<view class="upladBnt">上传</view>
		</view>
	</view>
</template>

<script setup>
	import { staticImg } from '@/utils/utils.js';
</script>
<style lang="scss">
	page {
		background-color: $page;
		padding-bottom: 30rpx;
	}
</style>
<style lang="scss" scoped>
	.list {
		width: 690rpx;
		background-color: #fff;
		margin: 24rpx auto 0;
		padding: 30rpx 24rpx;
		display: flex;
		align-items: center;
		border-radius: 10rpx;
		.filImg {
			width: 48rpx;
			height: 48rpx;
			margin-right: 20rpx;
		}
		.upladBnt {
			width: 112rpx;
			height: 52rpx;
			font-size: 26rpx;
			background: linear-gradient(90deg, #2e96f6 0%, #1683e8 100%);
			border-radius: 8rpx;
			color: #fff;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
</style>
